<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title></title>
<link rel="stylesheet" href="phone/jquery.mobile-1.2.0.min.css" />
<link rel="stylesheet" href="phone/my.css" />
<script src="phone/jquery-1.7.2.min.js"></script>
<script src="phone/jquery.mobile-1.2.0.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script src="phone/mymap.js"></script>
<!-- User-generated css -->
<style type="text/css">
/*body, html,#allmap {width: 100%;height: 100%;overflow: hidden;hidden;margin:0;}
#l-map{height:100%;width:78%;float:left;border-right:2px solid #bcbcbc;}
#r-result{height:100%;width:20%;float:left;}*/
</style>
<!-- User-generated js -->
<script>
//[{"basicInfo":{"realname":"&#21016;&#26195;","userId":41755294,"updatetime":"2012-10-17T12:55:22.000+0000","birthday":null,"baseId":30},"userDepartment":{"id":2,"departmentId":1,"userId":41755294,"createTime":"2012-10-17T12:55:22.000+0000","updateTime":"2012-10-17T12:55:22.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#28316;&#28316;","userId":50818966,"updatetime":"2012-10-17T13:31:57.000+0000","birthday":null,"baseId":32},"userDepartment":{"id":4,"departmentId":1,"userId":50818966,"createTime":"2012-10-17T13:31:57.000+0000","updateTime":"2012-10-17T13:31:57.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#21016;&#24481;","userId":56729586,"updatetime":"2012-11-03T12:46:32.000+0000","birthday":null,"baseId":45},"userDepartment":{"id":17,"departmentId":12,"userId":56729586,"createTime":"2012-11-03T12:46:32.000+0000","updateTime":"2012-11-03T12:46:32.000+0000","departmentName":"&#25216;&#26415;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#27979;&#35797;&#20154;&#21592;1","userId":86701378,"updatetime":"2012-12-31T07:15:29.000+0000","birthday":null,"baseId":57},"userDepartment":{"id":24,"departmentId":1,"userId":86701378,"createTime":"2012-12-31T07:15:29.000+0000","updateTime":"2012-12-31T07:15:29.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}},{"basicInfo":{"realname":"zhu ","userId":75937469,"updatetime":"2013-03-09T01:23:16.000+0000","birthday":null,"baseId":60},"userDepartment":{"id":27,"departmentId":12,"userId":75937469,"createTime":"2013-03-09T01:23:16.000+0000","updateTime":"2013-03-09T01:23:16.000+0000","departmentName":"&#25216;&#26415;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#38389;&#30410;&#39134;","userId":34726742,"updatetime":"2012-07-30T14:23:09.000+0000","sex":1,"birthday":"2009-03-07","baseId":19,"cityCode":115017,"nickname":"&#39134;&#36291;","englishname":"minyifei","privinceCode":115000,"hometownProviceCode":108000,"hometownCityCode":108001},"userDepartment":{"id":20,"position":"&#27979;&#35797;&#32844;&#20301;","departmentId":1,"userId":34726742,"createTime":"2012-11-07T15:36:30.000+0000","updateTime":"2012-11-07T15:36:30.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#20845;&#23567;&#26102;","userId":98545223,"updatetime":"2012-11-19T14:59:41.000+0000","birthday":null,"baseId":52},"userDepartment":{"id":21,"departmentId":13,"userId":98545223,"createTime":"2012-11-19T14:59:41.000+0000","updateTime":"2012-11-19T14:59:41.000+0000","departmentName":"&#20154;&#20107;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#22823;&#21381;","userId":47561788,"updatetime":"2012-11-19T15:00:52.000+0000","birthday":null,"baseId":53},"userDepartment":{"id":22,"departmentId":13,"userId":47561788,"createTime":"2012-11-19T15:00:52.000+0000","updateTime":"2012-11-19T15:00:52.000+0000","departmentName":"&#20154;&#20107;&#37096;","adminId":7380}},{"basicInfo":{"realname":"shenm","userId":52796554,"updatetime":"2012-11-19T15:02:30.000+0000","birthday":null,"baseId":54},"userDepartment":{"id":23,"departmentId":13,"userId":52796554,"createTime":"2012-11-19T15:02:30.000+0000","updateTime":"2012-11-19T15:02:30.000+0000","departmentName":"&#20154;&#20107;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#24352;&#22235;","userId":10,"updatetime":"2013-03-18T08:20:14.000+0000","sex":1,"birthday":"1978-06-09","baseId":4,"cityCode":107011,"nickname":"&#25105;&#35201;&#27979;&#35797;","englishname":"jordan","privinceCode":107000,"hometownProviceCode":116000,"hometownCityCode":116001},"userDepartment":{"id":25,"position":"","departmentId":1,"userId":10,"createTime":"2013-01-30T05:21:05.000+0000","updateTime":"2013-01-30T05:21:05.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#38889;&#25239;","userId":75697527,"updatetime":"2012-11-14T09:38:01.000+0000","sex":1,"birthday":"1977-02-12","baseId":26,"cityCode":100003,"nickname":"&#28784;&#33394;&#34382;&#32441;&#29483;","englishname":"","privinceCode":100000,"hometownProviceCode":0},"userDepartment":{"id":26,"position":"","departmentId":1,"userId":75697527,"createTime":"2013-01-30T05:21:19.000+0000","updateTime":"2013-01-30T05:21:19.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}}]

//[{"basicInfo":{"realname":"&#24352;&#38745;","userId":3429074,"updatetime":"2013-04-02T07:29:51.000+0000","birthday":null,"baseId":67},"userDepartment":{"id":30,"departmentId":15,"userId":3429074,"createTime":"2013-04-02T07:29:51.000+0000","updateTime":"2013-04-02T07:29:51.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#26539;","userId":84984309,"updatetime":"2013-04-02T07:35:17.000+0000","birthday":null,"baseId":68},"userDepartment":{"id":31,"departmentId":15,"userId":84984309,"createTime":"2013-04-02T07:35:17.000+0000","updateTime":"2013-04-02T07:35:17.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#36234;&#25991;","userId":56172791,"updatetime":"2013-04-02T08:48:12.000+0000","birthday":null,"baseId":69},"userDepartment":{"id":32,"departmentId":15,"userId":56172791,"createTime":"2013-04-02T08:48:12.000+0000","updateTime":"2013-04-02T08:48:12.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#36234;&#25991;","userId":81333438,"updatetime":"2013-04-02T09:23:03.000+0000","birthday":null,"baseId":70},"userDepartment":{"id":33,"departmentId":15,"userId":81333438,"createTime":"2013-04-02T09:23:03.000+0000","updateTime":"2013-04-02T09:23:03.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"huangbin427@163.com","userId":84031356,"updatetime":"2013-05-06T07:29:20.000+0000","birthday":null,"baseId":92},"userDepartment":{"id":35,"departmentId":15,"userId":84031356,"createTime":"2013-05-06T07:29:20.000+0000","updateTime":"2013-05-06T07:29:20.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#40644;&#25996;","userId":82891674,"updatetime":"2013-04-28T08:38:24.000+0000","sex":1,"birthday":"1984-04-11","baseId":90,"nickname":"","englishname":"","hometownProviceCode":0},"userDepartment":{"id":36,"position":"cto","departmentId":15,"userId":82891674,"createTime":"2013-05-06T08:12:43.000+0000","updateTime":"2013-05-06T08:12:43.000+0000","departmentName":"dd","adminId":51649347}}]

//goodsxc@foxmail.com=anBrOEhQSUZ0Z3VRcVBocmdUS21zZz09OitCdWxOakdLb2JTMmlMRzNSWnJHL3c9PQ

//[{"userId":10,"lastCoords":"POINT (39.1 116.5)","lastSource":"unkown","lastUpdateTime":"2013-05-03T01:31:27.000+0000"}]

var map;
var marker;
var infoWindow;
var usersJson = {};
var userIdOnly = null;
var usersMakerArr = [];

//UG0rZ3lFMk9SYVFwdFdRUnlXYUVTQT09Om5iYVZoZGYxdnhjdEc1M2NVU21zdVE9PQ
var token = getQueryString("token");

var userTokenInfo = null;

//var token = "UG0rZ3lFMk9SYVFwdFdRUnlXYUVTQT09Om5iYVZoZGYxdnhjdEc1M2NVU21zdVE9PQ";

var positionLng=null;	//113.12234
var positionLat=null;	//23.02147
//var positionLng=116.303125;	//113.12234
//var positionLat=39.902989;	//23.02147
var timerListenersPopup = null;	//&#30417;&#21548;popup&#26159;&#21542;&#26174;&#31034;&#30340;&#23450;&#26102;&#22120;
var timerListenersPosition = null;	//&#23450;&#20301;&#23450;&#26102;&#22120;
function onLoad()
{
	map = new BMap.Map("content");
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 16);
	map.addControl(new BMap.NavigationControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, type: BMAP_NAVIGATION_CONTROL_ZOOM}));  //&#21491;&#19979;&#35282;&#65292;&#20165;&#21253;&#21547;&#32553;&#25918;&#25353;&#38062;
	map.enableScrollWheelZoom();    //&#21551;&#29992;&#28378;&#36718;&#25918;&#22823;&#32553;&#23567;&#65292;&#40664;&#35748;&#31105;&#29992;
	map.enableContinuousZoom();    //&#21551;&#29992;&#22320;&#22270;&#24815;&#24615;&#25302;&#25341;&#65292;&#40664;&#35748;&#31105;&#29992;
	
	//alert(TPhoneBrowserInfo.isCL());
	//alert(navigator.userAgent);
	
	//timerListenersPopup = setInterval(listenersPopup, 2000);
	
	//window.setTimeout(test,2000);
	$.ajax({
		beforeSend :function(xhr){
			//xhr.setRequestHeader("CONTENT-TYPE", "multipart/form-data");
			//xhr.setRequestHeader('auth_token',token);//&#35774;&#32622;&#28040;&#24687;&#22836;
			
		},
		type: "post",
		//url : "http://116.213.72.48/mediawiki/index.php/User_me",
		url : "httpHeader.asp",
		dataType:"json",
		data: "token="+token+"&url=http://api.laijiaoliu.com/me",
		success: function(json)
		{
			//userTokenInfo = {"userId":51649347,"state":1,"email":"3@3.com","emailFlag":0,"createTime":"2012-08-05T14:03:36.000+0000","updateTime":"2013-05-07T03:23:48.000+0000","friendCount":0,"auth_token":"NXhTZkhPek5VR3MvVXJqUDY3S3pBZz09Ond2L2xKaVdjcFp6WXd6NkZaSllkc2c9PQ","lastLoginTime":"2013-05-07T03:23:48.000+0000","mobileFlag":0,"lastLoginIp":3673487960,"sns_accounts":[],"uploadLocation":0};
			//$("#uploadPosition").html("<p><font style='font-weight:600'>"+obj2str(json)+"</font></p>");
			//$("#uploadPosition").popup("open");
			//alert(json);
			
			userTokenInfo = json;
			userIdOnly = userTokenInfo.userId;
			usersJson[userIdOnly] = {};
			usersJson[userIdOnly].userId = userIdOnly;
			usersJson[userIdOnly].username = userTokenInfo.email;
			usersJson[userIdOnly].state = userTokenInfo.state;
			usersJson[userIdOnly].emailFlag = userTokenInfo.emailFlag;
			usersJson[userIdOnly].createTime = userTokenInfo.createTime;
			usersJson[userIdOnly].updateTime = userTokenInfo.updateTime;
			usersJson[userIdOnly].friendCount = userTokenInfo.friendCount;
			usersJson[userIdOnly].auth_token = userTokenInfo.auth_token;
			usersJson[userIdOnly].lastLoginTime = userTokenInfo.lastLoginTime;
			usersJson[userIdOnly].mobileFlag = userTokenInfo.mobileFlag;
			usersJson[userIdOnly].lastLoginIp = userTokenInfo.lastLoginIp;
			usersJson[userIdOnly].sns_accounts = userTokenInfo.sns_accounts;
			usersJson[userIdOnly].uploadLocation = userTokenInfo.uploadLocation;
			//timerListenersPopup = setInterval(listenersPopup, 2000);
			listenersPopup(userIdOnly);
			$.ajax({
				type: "get",
				//url : "http://116.213.72.48/mediawiki/index.php/User_me",
				url : "json_userPhoneInfoSave.asp",
				dataType:"json",
				data: "userJson=["+obj2str(userTokenInfo)+"]&userType=one",
				success: function(msg)
				{
					
				}
			});
		}
	});
	
	//jmAjax(url,data,m,type,fun)
	
	
	//jmAjax(url,data,"get","text",searchNearResult);

	
	
}

function listenersPopup(userId)
{
	//-9999px	-99999px
	if(($("#searchWin-popup").css("left")=="-9999px" && $("#searchWin-popup").css("top")=="-99999px") && ($("#getPositionMsgBar-popup").css("left")=="-9999px" && $("#getPositionMsgBar-popup").css("top")=="-99999px") && ($("#uploadPosition-popup").css("left")=="-9999px" && $("#uploadPosition-popup").css("top")=="-99999px"))
	{
		if(!usersJson[userId].timerListenersPosition)
		{
			usersJson[userId].timerListenersPosition = setInterval(function(){
				updatePosition(userId);
			}, 2000);
		}
		else
		{
			usersJson[userId].userId = null;
			usersJson[userId].username = null;
			usersJson[userId].lng = null;
			usersJson[userId].lat = null;
			usersJson[userId].state = null;
			usersJson[userId].emailFlag = null;
			usersJson[userId].createTime = null;
			usersJson[userId].updateTime = null;
			usersJson[userId].friendCount = null;
			usersJson[userId].auth_token = null;
			usersJson[userId].lastLoginTime = null;
			usersJson[userId].mobileFlag = null;
			usersJson[userId].lastLoginIp = null;
			usersJson[userId].sns_accounts = null;
			usersJson[userId].uploadLocation = null;
			map.removeOverlay(usersJson[userId].infoWindow);
			usersJson[userId].infoWindow = null;
			map.removeOverlay(usersJson[userId].marker);
			usersJson[userId].marker = null;
			clearInterval(usersJson[userIdOnly].timerListenersPosition);
			usersJson[userIdOnly].timerListenersPosition = null;
		}
	}
	else
	{
		clearInterval(usersJson[userIdOnly].timerListenersPosition);
		usersJson[userIdOnly].timerListenersPosition = null;
	}
}

/*function timerGetPosition()
{
	if(($("#searchWin-popup").css("left")=="-9999px" && $("#searchWin-popup").css("top")=="-99999px") && ($("#getPositionMsgBar-popup").css("left")=="-9999px" && $("#getPositionMsgBar-popup").css("top")=="-99999px") && ($("#uploadPosition-popup").css("left")=="-9999px" && $("#uploadPosition-popup").css("top")=="-99999px"))
	{
		//window.WebLocation.getPosition();
		updatePosition();
	}
}*/

/*function test()
{
	updatePosition(39.96662*1000000, 116.29394*1000000)
	
	window.setTimeout(test,2000);
}*/

//function updatePosition(latitute, longitute)
function updatePosition(userId)
{
	//$("#getPositionMsgTrue").html("getLocation="+window.WebLocation.getLocation());
	//$("#getPositionMsgTrue").popup("open");
	//alert(window.WebLocation.getLocation());
	//return;
	
	var locationLngLat = eval("("+window.WebLocation.getLocation()+")");
	var longitute = locationLngLat.lng;
	var latitute = locationLngLat.lat;
	if(latitute == 0 || longitute == 0)
	{
		return;
	}
	positionLng = longitute/1000000;
	positionLat = latitute/1000000;
	
	if(TPhoneBrowserInfo.isCL())
	{
		translateCallback(new BMap.Point(positionLng, positionLat),userId);
	}
	else
	{
		BMap.Convertor.translate(new BMap.Point(positionLng, positionLat),0,translateCallback);     //&#30495;&#23454;&#32463;&#32428;&#24230;&#36716;&#25104;&#30334;&#24230;&#22352;&#26631;
	}
	
	//translateCallback(new BMap.Point(positionLng, positionLat),userId);
}

function translateCallback(point,userId)
{
	//alert(positionLng+"||"+positionLat);
	positionLng = point.lng;
	
	positionLat = point.lat;
	
	usersJson[userId].lng = positionLng;
	usersJson[userId].lat = positionLat;
	
	if(typeof usersJson[userId].marker != "undefined")
	{
		//map.panTo(new BMap.Point(positionLng,positionLat));
		//&#21019;&#24314;&#20449;&#24687;&#31383;&#21475;
		//infoWindow = new BMap.InfoWindow();
		//{"userId":51649347,"state":1,"email":"3@3.com","emailFlag":0,"createTime":"2012-08-05T14:03:36.000+0000","updateTime":"2013-05-07T03:23:48.000+0000","friendCount":0,"auth_token":"NXhTZkhPek5VR3MvVXJqUDY3S3pBZz09Ond2L2xKaVdjcFp6WXd6NkZaSllkc2c9PQ","lastLoginTime":"2013-05-07T03:23:48.000+0000","mobileFlag":0,"lastLoginIp":3673487960,"sns_accounts":[],"uploadLocation":0}
		usersJson[userId].infoWindow = new BMap.InfoWindow("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+positionLng+"<br>&#32428;&#24230;&#65306;"+positionLat,{offset:new BMap.Size(0,-25)});
		usersJson[userId].marker.addEventListener("click", function(){this.openInfoWindow(usersJson[userId].infoWindow);});
		
		//infoWindow.setContent("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+positionLng+"<br>&#32428;&#24230;&#65306;"+positionLat);
		usersJson[userId].infoWindow.redraw();
		//marker.openInfoWindow(infoWindow);
		//$("#getPositionMsgBar").focus();
		usersJson[userId].marker.setPosition(new BMap.Point(positionLng, positionLat));
		//usersMakerArr.push(usersJson[userId]);
		//var points = getUsersMarkerPoints(usersJson[userId]);
		//map.setViewport(points);
	}
	else
	{
		//&#23450;&#20301;&#22320;&#22270;&#20013;&#24515;&#28857;
		map.panTo(new BMap.Point(positionLng,positionLat));
		//&#21019;&#24314;&#26631;&#27880;
		//marker = new BMap.Marker(new BMap.Point(positionLng, positionLat));
		usersJson[userId].marker = new BMap.Marker(new BMap.Point(positionLng, positionLat),{icon:new BMap.Icon("icons/markerPhone.png", new BMap.Size(23,25),{anchor:new BMap.Size(10,25)})});
		//&#23558;&#26631;&#27880;&#28155;&#21152;&#21040;&#22320;&#22270;&#20013;
		map.addOverlay(usersJson[userId].marker);
		//&#21019;&#24314;&#20449;&#24687;&#31383;&#21475;
		usersJson[userId].infoWindow = new BMap.InfoWindow("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+positionLng+"<br>&#32428;&#24230;&#65306;"+positionLat,{offset:new BMap.Size(0,-25)});
		//marker.openInfoWindow(infoWindow);
		usersJson[userId].marker.addEventListener("click", function(){this.openInfoWindow(usersJson[userId].infoWindow);});
		//usersMakerArr.push(usersJson[userId]);
		var points = getUsersMarkerPoints(usersJson[userId]);
		map.setViewport(points);
	}
}

function createPositionMarker()
{
	usersJson[userIdOnly].marker = new BMap.Marker(new BMap.Point(positionLng, positionLat),{icon:new BMap.Icon("icons/markerPhone.png", new BMap.Size(23,25),{anchor:new BMap.Size(10,25)})});
	//&#23558;&#26631;&#27880;&#28155;&#21152;&#21040;&#22320;&#22270;&#20013;
	map.addOverlay(usersJson[userIdOnly].marker);
	//&#21019;&#24314;&#20449;&#24687;&#31383;&#21475;
	usersJson[userIdOnly].infoWindow = new BMap.InfoWindow("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+positionLng+"<br>&#32428;&#24230;&#65306;"+positionLat,{offset:new BMap.Size(0,-25)});
	//marker.openInfoWindow(infoWindow);
	usersJson[userIdOnly].marker.addEventListener("click", function(){this.openInfoWindow(usersJson[userIdOnly].infoWindow);});
	getUsersMarkerPoints(usersJson[userIdOnly]);
	
	for(var i=0;i<usersMakerArr.length;i++)
	{
		usersMakerArr[i].marker = new BMap.Marker(new BMap.Point(usersMakerArr[i].lng, usersMakerArr[i].lat),{icon:new BMap.Icon("icons/markerPhone.png", new BMap.Size(23,25),{anchor:new BMap.Size(10,25)})});
		//&#23558;&#26631;&#27880;&#28155;&#21152;&#21040;&#22320;&#22270;&#20013;
		map.addOverlay(usersMakerArr[i].marker);
		//&#21019;&#24314;&#20449;&#24687;&#31383;&#21475;
		usersMakerArr[i].infoWindow = new BMap.InfoWindow("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+usersMakerArr[i].lng+"<br>&#32428;&#24230;&#65306;"+usersMakerArr[i].lat,{offset:new BMap.Size(0,-25)});
		//marker.openInfoWindow(infoWindow);
		var info = usersMakerArr[i].infoWindow;
		usersMakerArr[i].marker.addEventListener("click", function(){this.openInfoWindow(info);});
		var points = getUsersMarkerPoints(usersMakerArr[i]);
		map.setViewport(points);
	}
}

//&#21160;&#24577;&#35774;&#32622;content&#39640;&#24230;&#21644;&#23485;&#24230;
var fixgeometry = function() {
	/* Some orientation changes leave the scroll position at something
	* that isn't 0,0. This is annoying for user experience. */
	scroll(0, 0);
	/* Calculate the geometry that our content area should take */
	var header = $("#header");
	var footer = $("#footer");
	var content = $("#content");
	var viewport_height = $(window).height();
	var viewport_width = $(window).width();
	var content_height = viewport_height - header.outerHeight() - footer.outerHeight();
	var content_width = viewport_width;
	
	/* Trim margin/border/padding height */
	content_height -= (content.outerHeight() - content.height());
	content_width -= (content.outerWidth() - content.width());
	content.height(content_height);
	content.width(content_width);
	
}; /* fixgeometry */
$(document).ready(function() {
	$(window).bind("orientationchange resize pageshow", fixgeometry);
});

function obj2str(o){
	var r = [];
	if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";
	if(typeof o =="undefined") return "";
	if(typeof o == "object"){
		if(o===null) return "null";
		else if(!o.sort){
			for(var i in o)
				r.push(i+":"+obj2str(o[i]))
			r="{"+r.join()+"}"
		}else{
			for(var i =0;i<o.length;i++)
				r.push(obj2str(o[i]))
			r="["+r.join()+"]"
		}
		return r;
	}
	return o.toString();
}

function getColleaguePositionFun()
{
	if($("#colleagueNull").html() != "&#26080;&#32467;&#26524;")
	{
		//$("#getColleaguePositionBar").popup("open");
		//return;
	}
	var url = "httpHeader.asp";
	var data = "token="+token+"&url=http://api.laijiaoliu.com/companyUser/company/list";
	jmAjax(url,data,"post","json",getColleaguePositionResult);
	
	//getColleaguePositionResult()
}

function getColleaguePositionResult(json)
{
	//$("#getPositionMsgTrue").html(obj2str(json));
	//$("#getPositionMsgTrue").popup("open");
	
	$("#colleagueListResult").html("");
	//map.clearOverlays();
	//createPositionMarker();
	//var obj = eval("("+json+")");
	//var obj = [{"basicInfo":{"realname":"&#21016;&#26195;","userId":41755294,"updatetime":"2012-10-17T12:55:22.000+0000","birthday":null,"baseId":30},"userDepartment":{"id":2,"departmentId":1,"userId":41755294,"createTime":"2012-10-17T12:55:22.000+0000","updateTime":"2012-10-17T12:55:22.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}},{"basicInfo":{"realname":"&#28316;&#28316;","userId":50818966,"updatetime":"2012-10-17T13:31:57.000+0000","birthday":null,"baseId":32},"userDepartment":{"id":4,"departmentId":1,"userId":50818966,"createTime":"2012-10-17T13:31:57.000+0000","updateTime":"2012-10-17T13:31:57.000+0000","departmentName":"&#20113;&#26381;&#21153;&#20107;&#19994;&#37096;","adminId":7380}}];
	//var obj = [{"basicInfo":{"realname":"&#24352;&#38745;","userId":3429074,"updatetime":"2013-04-02T07:29:51.000+0000","birthday":null,"baseId":67},"userDepartment":{"id":30,"departmentId":15,"userId":3429074,"createTime":"2013-04-02T07:29:51.000+0000","updateTime":"2013-04-02T07:29:51.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#26539;","userId":84984309,"updatetime":"2013-04-02T07:35:17.000+0000","birthday":null,"baseId":68},"userDepartment":{"id":31,"departmentId":15,"userId":84984309,"createTime":"2013-04-02T07:35:17.000+0000","updateTime":"2013-04-02T07:35:17.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#36234;&#25991;","userId":56172791,"updatetime":"2013-04-02T08:48:12.000+0000","birthday":null,"baseId":69},"userDepartment":{"id":32,"departmentId":15,"userId":56172791,"createTime":"2013-04-02T08:48:12.000+0000","updateTime":"2013-04-02T08:48:12.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#36234;&#25991;","userId":81333438,"updatetime":"2013-04-02T09:23:03.000+0000","birthday":null,"baseId":70},"userDepartment":{"id":33,"departmentId":15,"userId":81333438,"createTime":"2013-04-02T09:23:03.000+0000","updateTime":"2013-04-02T09:23:03.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"huangbin427@163.com","userId":84031356,"updatetime":"2013-05-06T07:29:20.000+0000","birthday":null,"baseId":92},"userDepartment":{"id":35,"departmentId":15,"userId":84031356,"createTime":"2013-05-06T07:29:20.000+0000","updateTime":"2013-05-06T07:29:20.000+0000","departmentName":"dd","adminId":51649347}},{"basicInfo":{"realname":"&#40644;&#25996;","userId":82891674,"updatetime":"2013-04-28T08:38:24.000+0000","sex":1,"birthday":"1984-04-11","baseId":90,"nickname":"","englishname":"","hometownProviceCode":0},"userDepartment":{"id":36,"position":"cto","departmentId":15,"userId":82891674,"createTime":"2013-05-06T08:12:43.000+0000","updateTime":"2013-05-06T08:12:43.000+0000","departmentName":"dd","adminId":51649347}}];
	//alert(obj.length);
	var obj = json;
	$("#colleagueListResult").append('<li data-role="divider" data-theme="a">&#21516;&#20107;&#21015;&#34920;</li>');
	if(obj.length>0)
	{
		if(obj.length>10)
		{
			var num = 10;
			/*$("#getColleaguePositionBar").css("overflow", "scroll");
			$("#getColleaguePositionBar").css("overflow-x", "hidden");
			$("#getColleaguePositionBar").css("overflow-y", "auto");
			alert($("#colleagueListResult").css("overflow"));*/
			//$("#getColleaguePositionBar").css("height", "276");
		}
		else
		{
			var num = obj.length;
			//$("#getColleaguePositionBar").css("height", "276");
			
			/*$("#getColleaguePositionBar-popup").css("overflow", "scroll");
			$("#getColleaguePositionBar-popup").css("overflow-x", "hidden");
			$("#getColleaguePositionBar-popup").css("overflow-y", "auto");
			$("#getColleaguePositionBar-popup").css("height", "276");
			alert($("#getColleaguePositionBar-popup").css("height"));*/
		}
		
		for (var i=0;i<num;i++)
		{
			(function(i){
				var oObj=obj[i];
				var userId = obj[i].basicInfo.userId;
				if(typeof usersJson[userId] == "undefined")
				{
					usersJson[userId] = {};
					usersJson[userId].userId = userId;
					usersJson[userId].username = obj[i].basicInfo.realname;
					//$("#uploadPositionResultMsg").html(usersJson[userId].userId);
					//$("#uploadPositionResultMsg").popup("open");
				}
				//$("#colleagueListResult").append('<li><a href="#nearResultName'+i+'" onclick="toCenterFun(\''+marker+'\',\''+escape(html)+'\','+obj[i].wangdianAddressLng+','+obj[i].wangdianAddressLat+')">'+obj[i].wangdianName+'</a></li>');
				$("#colleagueListResult").append('<li><a href="#colleagueID'+obj[i].basicInfo.userId+'" onclick="realTimePosition(\''+obj[i].basicInfo.userId+'\')">'+obj[i].basicInfo.realname+'</a></li>');
			})(i);
		}
	}
	else
	{
		$("#colleagueListResult").css("height", "92");
		$("#colleagueListResult").append('<li><a href="#colleagueIDNull">&#26080;</a></li>');
	}
	$("#colleagueListResult").listview('refresh'); // This also works*/
	$("#getColleaguePositionBar").popup("open");
	//var params = map.getViewport(arrPoints);
	//map.panTo(params.center);
	//map.setZoom(params.zoom);
	
	$.ajax({
		type: "get",
		//url : "http://116.213.72.48/mediawiki/index.php/User_me",
		url : "json_userPhoneInfoSave.asp",
		dataType:"json",
		data: "userJson="+obj2str(obj)+"&userType=more",
		success: function(msg)
		{
			
		}
	});
	
	//realTimePosition(82891674)
}

function realTimePosition(id)
{
	var url = "httpHeader.asp";
	var data = "token="+token+"&url=http://api.laijiaoliu.com/location/currentposition?id="+id;
	jmAjax(url,data,"post","json",realTimePositionResult);
}

function realTimePositionResult(json)
{
	//json = [{"userId":82891674,"lastCoords":"POINT (39.983051 116.303257)","lastSource":"unkown","lastUpdateTime":"2013-05-08T03:24:41.568+0000"}];
	//alert(obj2str(json));
	//$("#uploadPositionResultMsg").html(obj2str(json)+"===="+json[0].lastCoords+"===="+json.length);
	//$("#uploadPositionResultMsg").popup("open");
	//var userId = json[0].userId;
	if(json.length>0)
	{
		var userId = json[0].userId;
		if(usersJson[userId]&&usersJson[userId].marker)
		{
			usersJson[userId].userId = json[0].userId;
			usersJson[userId].lastSource = json[0].lastSource;
			usersJson[userId].lastUpdateTime = json[0].lastUpdateTime;
			var lastCoords1 = json[0].lastCoords.split("(")[1];
			var lastCoords2 = lastCoords1.split(")")[0];
			var lastCoordsArr = lastCoords2.split(" ");
			usersJson[userId].lat = lastCoordsArr[0];
			usersJson[userId].lng = lastCoordsArr[1];
			usersJson[userId].infoWindow = new BMap.InfoWindow("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+usersJson[userId].lng+"<br>&#32428;&#24230;&#65306;"+usersJson[userId].lat,{offset:new BMap.Size(0,-25)});
			//$("#uploadPositionResultMsg").html(usersJson[userId].username);
			//$("#uploadPositionResultMsg").popup("open");
			usersJson[userId].infoWindow.setTitle(usersJson[userId].username);
			usersJson[userId].marker.addEventListener("click", function(){this.openInfoWindow(usersJson[userId].infoWindow);});
			usersJson[userId].infoWindow.redraw();
			usersJson[userId].marker.setPosition(new BMap.Point(usersJson[userId].lng, usersJson[userId].lat));
			//usersMakerArr.push(usersJson[userId]);
			//var points = getUsersMarkerPoints(usersJson[userId]);
			//map.setViewport(points);
			//$("#uploadPositionResultMsg").html("&#23384;&#22312;="+usersJson[userId].lng+"||"+usersJson[userId].lat);
			//$("#uploadPositionResultMsg").popup("open");
			return;
		}
		//usersJson[userId] = {};
		usersJson[userId].userId = json[0].userId;
		usersJson[userId].lastSource = json[0].lastSource;
		usersJson[userId].lastUpdateTime = json[0].lastUpdateTime;
		var lastCoords1 = json[0].lastCoords.split("(")[1];
		var lastCoords2 = lastCoords1.split(")")[0];
		var lastCoordsArr = lastCoords2.split(" ");
		usersJson[userId].lat = lastCoordsArr[0];
		usersJson[userId].lng = lastCoordsArr[1];
		
		//$("#uploadPositionResultMsg").html("&#19981;&#23384;&#22312;="+usersJson[userId].lng+"||"+usersJson[userId].lat);
		//$("#uploadPositionResultMsg").popup("open");
		
		//&#23450;&#20301;&#22320;&#22270;&#20013;&#24515;&#28857;
		map.panTo(new BMap.Point(usersJson[userId].lng,usersJson[userId].lat));
		//&#21019;&#24314;&#26631;&#27880;
		usersJson[userId].marker = new BMap.Marker(new BMap.Point(usersJson[userId].lng, usersJson[userId].lat),{icon:new BMap.Icon("icons/markerPhone.png", new BMap.Size(23,25),{anchor:new BMap.Size(10,25)})});
		//&#23558;&#26631;&#27880;&#28155;&#21152;&#21040;&#22320;&#22270;&#20013;
		map.addOverlay(usersJson[userId].marker);
		//&#21019;&#24314;&#20449;&#24687;&#31383;&#21475;
		usersJson[userId].infoWindow = new BMap.InfoWindow("&#24403;&#21069;&#20301;&#32622;<br>&#32463;&#24230;&#65306;"+usersJson[userId].lng+"<br>&#32428;&#24230;&#65306;"+usersJson[userId].lat,{offset:new BMap.Size(0,-25)});
		usersJson[userId].infoWindow.setTitle(usersJson[userId].username);
		usersJson[userId].marker.addEventListener("click", function(){this.openInfoWindow(usersJson[userId].infoWindow);});
		//usersMakerArr.push(usersJson[userId]);
		var points = getUsersMarkerPoints(usersJson[userId]);
		//$("#uploadPositionResultMsg").html(points.length);
		//$("#uploadPositionResultMsg").popup("open");
		
		map.setViewport(points);
		
		usersJson[userId].timerListenersPosition = setInterval(function(){
			realTimePosition(usersJson[userId].userId)
		}, 2000);
	}
}

function getUsersMarkerPoints(user)
{
	//alert(usersMakerArr.length);
	var flag = false;
	for(var i=0;i<usersMakerArr.length;i++)
	{
		if(usersMakerArr[i].userId == user.userId)
		{
			flag = true;
			break;
		}
	}
	if(!flag)
	{
		usersMakerArr.push(user);
	}
	//alert(usersMakerArr.length);
	
	var pointsArr = [];
	for(var i=0;i<usersMakerArr.length;i++)
	{
		if(usersMakerArr[i].userId == user.userId)
		{
			usersMakerArr[i].lng = user.lng;
			usersMakerArr[i].lat = user.lat
		}
		pointsArr.push(usersMakerArr[i].marker.getPosition());
	}
	return pointsArr;
}

</script>
</head>
<body onLoad="onLoad()">
<div data-role="page" id="parkingpage">
	<div id="header" data-role="header" data-position="inline" data-position="fixed" data-theme="b">
		<!--<a href=""  data-role="button"   id="location"   onclick="getLocation();"></a>-->
		<!--<a href="#searchWin" data-rel="popup" onclick="openPopupSearchWin();">&#21608;&#36793;&#26597;&#35810;</a>-->
		<a href="#searchWin" data-rel="popup">&#21608;&#36793;&#26597;&#35810;</a>
		<div data-role="popup" id="searchWin" data-theme="d" class="ui-corner-all" style="position:absolute;left:-40px;top:18px;width:220px">
			<!--<form>-->
				<!--<div style="padding:10px 20px;">
					<h3>&#30331;&#24405;&#31995;&#32479;</h3>
					<label for="un" class="ui-hidden-accessible">&#24080;&#21495;:</label>
					<input type="text" name="user" id="un" value="" placeholder="&#36755;&#20837;&#24080;&#21495;" data-theme="a" />
					<label for="pw" class="ui-hidden-accessible">&#23494;&#30721;:</label>
					<input type="password" name="pass" id="pw" value="" placeholder="&#36755;&#20837;&#23494;&#30721;" data-theme="a" />
					<button type="submit" data-theme="b">&#30331;&#24405;</button>
				</div>-->
				<!--<div data-role="fieldcontain">-->
					<fieldset data-role="controlgroup" data-theme="d">
						<!--<legend><font style="font-weight:600">Search Input</font></legend>-->
						<input type="search" name="search" id="searcNearID"  placeholder="&#35831;&#36755;&#20837;&#32593;&#28857;&#21517;&#31216;" value=""/>
						<!--<legend><font style="font-weight:600">&#21608;&#36793;&#33539;&#22260;</font></legend>-->
						<input type="radio" name="radioDistances" id="distances500" value="500" checked="checked" data-theme="d">
						<label for="distances500">500&#31859;</label>
						<input type="radio" name="radioDistances" id="distances1" value="1000" data-theme="d">
						<label for="distances1">1&#20844;&#37324;</label>
						<input type="radio" name="radioDistances" id="distances5" value="5000" data-theme="d">
						<label for="distances5">5&#20844;&#37324;</label>
						<input type="radio" name="radioDistances" id="distances10" value="10000" data-theme="d">
						<label for="distances10">10&#20844;&#37324;</label>
					</fieldset>
				<!--</div>-->
				<input type="button" name="searchNearButton" value="&#30830;&#23450;" data-theme="d" onClick="searchNear();"/>
			<!--</form>-->
		</div>
		<!--<a href="#getPositionMsg" data-rel="dialog" data-transition="pop">&#37319;&#38598;</a>-->
		<a href="#uploadPosition" data-rel="popup" data-position-to="window">&#19978;&#20256;&#20301;&#32622;</a>
		<div data-role="popup" id="uploadPosition" data-theme="d" class="ui-corner-all" style="position:absolute;left:-47px;top:-192px;width:200px">
			<fieldset data-role="controlgroup" data-theme="d">
				<label for="uploadPositionTextarea">&#25551;&#36848;&#20449;&#24687;</label>
				<textarea cols="40" rows="8"  name="uploadPositionTextarea" id="uploadPositionTextarea"></textarea>
			</fieldset>
			<input type="button" name="uploadPositionButton" value="&#19978;&#20256;&#20301;&#32622;" data-theme="d" onClick="uploadPositionFun();"/>
		</div>
		
		
		
		<!--&#19978;&#20256;&#20301;&#32622;&#25552;&#31034;&#26694;-->
		<div data-role="popup" id="uploadPositionResultMsg">
			<p id="uploadPositionState"><font style="font-weight:600"></font></p>
		</div>
		<!--<div data-role="popup" id="uploadPosition" data-theme="d" class="ui-corner-all" style=" text-align:center;position:absolute;left:-80px;top:18px; width:100px">
			<label for="uploadPositionSuccess" id="uploadPositionSuccess">
				&#19978;&#20256;&#25104;&#21151;
			</label>
		</div>-->
		
		<h1>&#20154;&#21592;&#23450;&#20301;</h1>
	</div>
	<!--&#26174;&#31034;&#22320;&#22270;-->
	<div id="content" data-role="content">
		<!--&#24213;&#37096;&#23548;&#33322;&#26639;&#20013;&#30340;&#21015;&#34920;&#20869;&#23481;-->
		<div data-role="popup" id="gridBar" data-theme="d" style="position:absolute;left:-38px;bottom:28px; width:250px; overflow:scroll; overflow-x:hidden; overflow-y:auto;">
			<ul id="listResult" data-role="listview" data-theme="d" data-inset="true">
				<li data-role="divider" data-theme="a">&#26597;&#35810;&#32467;&#26524;</li>
				<li>&#26080;&#32467;&#26524;</li>
				<!--<li><a href="#">&#32593;&#28857;2</a></li>
				<li><a href="methods.html">&#32593;&#28857;3</a></li>
				<li><a href="methods.html">&#32593;&#28857;4</a><span class="ui-li-count">42</span></li>-->
			</ul>
		</div>
		<a href="#nearSearchNull" data-rel="popup" data-position-to="window"/>
		<div data-role="popup" id="nearSearchNull">
			<p><font style="font-weight:600">&#26597;&#35810;&#26080;&#32467;&#26524;</font></p>
		</div>
		
		<!--&#19979;&#25289;&#21015;&#34920;List-->
		<!--<div data-role="popup" id="gridBar" data-theme="none">
			<div data-role="collapsible-set" data-theme="b" data-content-theme="c" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" style="position:absolute;bottom:50px;margin:0; width:250px; height:200px">
				<div data-role="collapsible" data-inset="false">
					<h2>&#26597;&#35810;&#32467;&#26524;</h2>
					<ul data-role="listview" id="listResult">
						<li><a href="#">&#32593;&#28857;1</a></li>
						<li><a href="#">&#32593;&#28857;2</a></li>
						<li><a href="#">&#32593;&#28857;3</a></li>
						<li><a href="#">&#32593;&#28857;4</a></li>
						<li><a href="#">&#32593;&#28857;5</a></li>
					</ul>
				</div>
			</div>
		</div>-->
		
		<!--&#24213;&#37096;&#23548;&#33322;&#26639;&#20013;&#30340;&#37319;&#38598;&#38754;&#26495;-->
		<div data-role="popup" id="getPositionMsgBar" data-theme="d" style="position:absolute;left:-115px;bottom:28px; width:250px">
			<label for="getPositionLng" id="getPositionLng">
				&#32463;&#24230;
			</label>
			<label for="getPositionLat" id="getPositionLat">
				&#32428;&#24230;
			</label>
			<label for="wangdianName" style="font-weight:600; font-size:14px">&#32593;&#28857;&#21517;&#31216;</label>
			<input id="wangdianName" type="text" name="wangdianName" value=""/>
			<label for="wangdianNumber" style="font-weight:600; font-size:14px">&#32593;&#28857;&#32534;&#21495;</label>
			<input id="wangdianNumber" type="text" name="wangdianNumber" value=""/>
			<label for="landmarksName" style="font-weight:600; font-size:14px">&#37325;&#35201;&#22320;&#26631;&#21517;&#31216;</label>
			<input id="landmarksName" type="text" name="landmarksName" value=""/>
			<label for="positionAddress" style="font-weight:600; font-size:14px">&#22320;&#22336;</label>
			<input id="positionAddress" type="text" name="positionAddress" value=""/>
			<input type="button" name="uploadButton" value="&#20449;&#24687;&#19978;&#20256;" data-theme="d" onClick="uploadPositionMsg();"/>
		</div>
		
		<a href="#getPositionMsgTrue" data-rel="popup" data-position-to="window"></a>
		<div data-role="popup" id="getPositionMsgTrue">
			<p><font style="font-weight:600">&#37319;&#38598;&#25104;&#21151;</font></p>
		</div>
		<a href="#getPositionMsgNull" data-rel="popup" data-position-to="window"></a>
		<div data-role="popup" id="getPositionMsgNull">
			<p><font style="font-weight:600">&#37319;&#38598;&#22833;&#36133;</font></p>
		</div>
		
		
		<div data-role="popup" id="getColleaguePositionBar" data-theme="d" style="position:absolute;right:-155px;bottom:-180px; width:250px; overflow:scroll; overflow-x:hidden; overflow-y:auto;">
			<ul id="colleagueListResult" data-role="listview" data-theme="d" data-inset="true">
				<li data-role="divider" data-theme="a">&#21516;&#20107;&#21015;&#34920;</li>
				<li id="colleagueNull">&#26080;&#32467;&#26524;</li>
				<!--<li><a href="#">&#32593;&#28857;2</a></li>
				<li><a href="methods.html">&#32593;&#28857;3</a></li>
				<li><a href="methods.html">&#32593;&#28857;4</a><span class="ui-li-count">42</span></li>-->
			</ul>
		</div>
		
		<!--&#37319;&#38598;&#25104;&#21151;&#21518;&#30340;&#25552;&#31034;-->
		<!--<a href="#searchResultNull" id="showResultNull" data-rel="dialog" data-transition="pop"></a>
		<div data-role="dialog" id="searchResultNull" data-theme="d">
			<ul id="listResult1" data-role="listview" data-theme="d" data-inset="true">
				<li data-role="divider" data-theme="a">&#26597;&#35810;&#32467;&#26524;</li>
				<li>&#26080;&#32467;&#26524;</li>
			</ul>
		</div>-->
		
		
		
	</div>
	<!--container&#29992;&#26469;&#25918;&#22320;&#22270; -->
	<div id="footer" data-role="footer" data-id="foo1" data-position="fixed" data-theme="b">
		<div data-role="navbar" data-iconpos="top">
			<ul>
			<li>
				<a href="#gridBar" data-prefetch="true" data-rel="popup" data-icon="grid" data-transition="fade">&#21015;&#34920;</a>
				<!-- -->
				<!--<div id="gridBar" data-role="popup" data-theme="d" class="ui-corner-all" style="position:absolute;left:-170px;bottom:50px;width:5000px" data-role="fieldcontain">
					<fieldset data-role="controlgroup" data-theme="d">
					<ul data-role="listview" data-inset="true" data-filter="false">
						<li><a href="#">Acura</a></li>
						<li><a href="#">Audi</a></li>
						<li><a href="#">BMW</a></li>
						<li><a href="#">Cadillac</a></li>
						<li><a href="#">Ferrari</a></li>
					</ul>
					</fieldset>
				</div>-->
			</li>
			<!--<li><a id="mapBar" href="#" class="ui-btn-active" data-prefetch="true" data-icon="home" data-transition="fade">&#22320;&#22270;</a></li>-->
			<li><a href="#getPositionMsgBar" data-prefetch="true" data-rel="popup" data-icon="star" data-transition="fade" onClick="getPositionMsgFun();">&#37319;&#38598;</a></li>
			<li><a href="#getSelfPositionBar" data-prefetch="true" data-icon="home" data-transition="fade" onClick="getSelfPositionFun();">&#25105;&#30340;&#20301;&#32622;</a></li>
			
			<!--<li><a href="#uploadPositionBar" data-prefetch="true" data-rel="popup" data-icon="home" data-transition="fade" onclick="uploadPositionFun();">&#19978;&#20256;&#20301;&#32622;</a></li>-->
			<!--<li><a href="#setBar" data-prefetch="true" data-icon="gear" data-transition="fade">&#35774;&#32622;</a></li>-->
			<li><a href="#getColleaguePositionBar" data-prefetch="true" data-icon="home" data-transition="fade" onClick="getColleaguePositionFun();">&#21516;&#20107;</a></li>
			</ul>
		</div>
	</div>
</div>
</body>
</html>